<!--我的订单显示的部分-->
<template>
	<div class="yp_myOrderform">
		<div class="yp_myOrderform_top">
			<h3>我的订单</h3>
		</div>
		<ul class="yp_myOrderform_ul">
			<li><a href="">全部</a></li>
			<li><a href="">待付款</a></li>
			<li><a href="">待发货</a></li>
			<li><a href="">待收货</a></li>
			<li><a href="">待评价</a></li>
			<li><a href="">退款/售后</a></li>
			<li><a href="">已完成/关闭</a></li>
			<li class="last_li"><a href="">订单回收站</a></li>
		</ul>
		<div class="yp_myOrderform_cont">
			<img src="../assets/my_order_null.png"/>
			<h3>您还没有订单哦!!!</h3>
			<a href=""><span>去首页看看</span></a>
		</div>
	</div>
</template>

<script>
	export default {
		//		name: "OneCenter",
		data() {
			return {
				str: "nihao"
			}
		}
	}
</script>

<style scoped>

	.yp_myOrderform {
		width: 1085px;
		height: 666px;
		margin-left: 20px;
		float: left;
		border: 1px solid lightgray;
	}
	.yp_myOrderform_top {
		border-bottom: 1px solid lightgray;
	}
	.yp_myOrderform_top h3 {
		height: 61px;
		line-height: 61px;
		padding-left: 20px;
	}
	.yp_myOrderform_ul{
		padding: 30px 20px 0;
		overflow: hidden;
	}
	.yp_myOrderform_ul li{
		text-align: center;
		float: left;
		width: 120px;
		height: 20px;
		line-height: 20px;
		border-right: 1px solid lightgray;
	}
	.yp_myOrderform_ul li a{
		padding: 5px;
		color: #666;
	}
	.yp_myOrderform_ul li a:hover{
		background-color: orangered;
		color: white;
	}
	.yp_myOrderform_ul .last_li{
		width: 180px;
		text-align: right;
		border-right: none;
	}
	.yp_myOrderform_ul .last_li a{
		color: #4B943D;
	}
	.yp_myOrderform_cont{
		width: 280px;
		margin: 180px auto;
		overflow: hidden;
	}
	.yp_myOrderform_cont img{
		float: left;
	}
	.yp_myOrderform_cont h3{
		/*width: 200px;*/
		line-height: 50px;
		margin-left: 100px;
		/*text-align: left;*/
	}
	.yp_myOrderform_cont a span{
		color: white;
		background-color: orangered;
		padding: 5px 10px;
		font-size: 20px;
		margin-left: 35px;
		border-radius: 10px;
	}
</style>